<template>
	<view class="receiving_address_page">
		
		<view class="address_area_block_1">
			<view class="fs28 lh44 cor_000">
				<text class="tag_1 mr10">上门自取</text>
				<text class="cor_000">山东省烟台市莱山区迎春大街飞龙天润大厦</text>
			</view>
			<view class="mt15 fs28 cor_999">自取电话 12345678901</view>
			<view class="mt24 pt24 bt1 fs28 cor_F52 tac">亲自去取【免运费】</view>
		</view>
		
		<view class="address_area_block_1">
			<view class="flex_box aic">
				<view class="item ov">
					<view class="fs28 lh44 cor_000">
						<text class="tag_1 mr10">默认</text>
						<text class="cor_000">山东省烟台市莱山区迎春大街飞龙天润大厦山东省烟台市莱山区迎春大街飞龙天润大厦</text>
					</view>
				</view>
				<view class="ml10 fs0"><image src="@/static/images/icon_edit.png" class="img_5"></image></view>
			</view>
			
			<view class="mt15 fs28 cor_999">谢先生  12345678901</view>
		</view>
		
		<view class="address_area_block_1" v-for="(item, index) in 6" :key="index">
			<view class="flex_box aic">
				<view class="item ov">
					<view class="fs28 lh44 cor_000">
						<!-- <text class="tag_1 mr10">默认</text> -->
						<text class="cor_000">山东省烟台市莱山区迎春大街飞龙天润大厦山东省烟台市莱山区迎春大街飞龙天润大厦</text>
					</view>
				</view>
				<view class="ml10 fs0"><image src="@/static/images/icon_edit.png" class="img_5"></image></view>
			</view>
			
			<view class="mt15 fs28 cor_999">谢先生  12345678901</view>
		</view>
		
		<view class="add_address_fix">
			<view class="add_address_btn">
				<image src="@/static/images/icon_add.png" class="img_5"></image>
				<view class="ml10">添加地址</view>
			</view>
		</view>
		
	</view>
</template>

<script setup>
	import {ref, reactive} from 'vue';
	import { onLoad, onShow, onPageScroll } from "@dcloudio/uni-app";
</script>

<style lang="scss" scoped>
	.receiving_address_page {
		position: relative;
		min-height: 100vh;
		padding: 48rpx 24rpx calc(123rpx + content(safe-area-inset-bottom));
		padding: 48rpx 24rpx calc(123rpx + env(safe-area-inset-bottom));
		background: linear-gradient(135deg, #FFEEEE 0%, #FFFFFF 90.99%);
		.address_area_block_1 {
			position: relative;
			padding: 32rpx 24rpx;
			background: #FEFFFE;
			border-radius: 16rpx;
			margin-bottom: 48rpx;
			.tag_1 {
				position: relative;
				display: inline-block;
				padding: 0 12rpx;
				height: 40rpx;
				line-height: 40rpx;
				font-size: 20rpx;
				color: #DBA871;
				background-color: #FAF3EE;
			}
		}
		.add_address_fix {
			position: fixed;
			bottom: calc(24rpx + content(safe-area-inset-bottom));
			bottom: calc(24rpx + env(safe-area-inset-bottom));
			left: 0;
			width: 100%;
			padding: 0 24rpx;
			z-index: 5;
			.add_address_btn {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				height: 96rpx;
				font-size: 28rpx;
				font-weight: bold;
				color: #fff;
				background-color: #F5220F;
				border-radius: 16rpx;
			}
		}
	}
</style>
